<div dojoAttachPoint="containerNode">
    <div dojoAttachPoint="borderContainer" dojoType="dijit.layout.BorderContainer" title="tabnamn" design="sidebar">
        <div dojoAttachPoint="browse" dojoType="dojox.layout.ExpandoPane" splitter="true" duration="125" region="left" title="Urval" startExpanded="true" maxWidth="400px" style="width: 300px;">
            <!--<div dojoType="dijit.layout.ContentPane">
                <p>sök</p>
            </div>-->
			<div type="text" dojoType="dijit.form.TextBox" name="filter" id="filter" intermediateChanges="true">
				
    <script type="dojo/event" event="onChange">
    	entryView.grid.filter('[?.Translation.{lang}.headline="*'+this.attr('value')+'*"]');
    </script>
	</div>
            <div dojoAttachPoint="grid,selector" store="EntryStore" oqueryOptions="{cache:true}" selectionMode="single" dojoType="dojox.grid.DataGrid" style="height: 100%; width: 100%;">
            </div>
        </div>
		<div dojoAttachPoint="detailSwitch" dojoType="dijit.layout.StackContainer" region="center">
            <div href="${helpUrl}" region="center" dojoAttachPoint="help" dojoType="dijit.layout.ContentPane" title="Hjälp">
                <h1>Entry management</h1>
            </div>
            <div dojoType="dijit.layout.BorderContainer" dojoAttachPoint="edit" design="sidebar" title="Editera">
        <div dojoAttachPoint="main" dojoType="dijit.layout.AccordionContainer" region="center" >
            <div dojoType="dijit.layout.ContentPane" title="Teaser" >
                <div dojoAttachPoint="forms,teaserEditor" dojoType="dijit.Editor"
					name="#Translation.{lang}.teaser"
	                styleSheets="/css/editor.css" extraPlugins="['|',{
					name:  'dojoc._editor.plugins.UploadDoc',
 command: 'uploadDoc',
 uploadUrl:'/documents/ss_upload.php',
 downloadPath:'/documents/'},'createLink','unlink','delete',
				'|',
{name:  'dojox.editor.plugins.UploadImage',
 command: 'uploadImage',
 uploadUrl:'/images/ss_upload.php',
 downloadPath:'/images/',
 tempImageUrl:'/gui/busy.gif'},{name:'dojoc._editor.plugins.ToggleClass',
					command: 'imageLeft',
					toggleClassName: 'left',
					classConflict: ['right'],
					validNode: ['img']
				},{
					name:'dojoc._editor.plugins.ToggleClass',
					command: 'imageRight',
					toggleClassName: 'right',
					classConflict: ['left'],
					validNode: ['img']
				},'|','formatBlock',{name: 'viewsource',stripScripts:false}]"><p>Teaser</p></div
                >
            </div>
            <div region="center" dojoType="dijit.layout.ContentPane" selected="true" title="Artikel" >
                <div dojoAttachPoint="forms,textEditor" dojoType="dijit.Editor" extraPlugins="['|',{
					name:  'dojoc._editor.plugins.UploadDoc',
 command: 'uploadDoc',
 uploadUrl:'/documents/ss_upload.php',
 downloadPath:'/documents/'},'createLink','unlink','delete',
				'|',
{name:  'dojox.editor.plugins.UploadImage',
 renderEvent: 'ss/renderDone',
 command: 'uploadImage',
 uploadUrl:'/images/ss_upload.php',
 downloadPath:'/images/',
 tempImageUrl:'/gui/busy.gif'},{name:'dojoc._editor.plugins.ToggleClass',
					command: 'imageLeft',
					toggleClassName: 'left',
					classConflict: ['right'],
					validNode: ['img']
				},{
					name:'dojoc._editor.plugins.ToggleClass',
					command: 'imageRight',
					toggleClassName: 'right',
					classConflict: ['left'],
					validNode: ['img']
				},'|','formatBlock',{name: 'viewsource',stripScripts:false}]"
 name="#Translation.{lang}.text" styleSheets="/css/editor.css">
                    <p>Text</p>
                </div>
            </div>
        </div>
        <div dojoAttachPoint="buttonBar" class="buttonbar" dojoType="dijit.layout.ContentPane" region="bottom" splitter="false" style="height: 27px; padding: 0; border: 0; margin: 0"></div>
        <div dojoAttachPoint="detail" dojoType="dojox.layout.ExpandoPane" splitter="true" duration="125" region="right" title="Detaljer" startExpanded="false" maxWidth="400px" style="width: 300px">
            <div dojoAttachPoint="accordion" dojoType="dijit.layout.AccordionContainer" title="innehåll">
                <div dojoAttachPoint="namePane" dojoType="dijit.layout.ContentPane" title="Rubriker">
	                <label for="active">Aktiv</label>
	                <input dojoAttachPoint="forms" value="active" name="active" dojoType="dijit.form.CheckBox"/>
                    <label for="#Translation.{lang}.headline">Rubrik</label>
                    <input type="text" dojoAttachPoint="forms,slugsource" name="#Translation.{lang}.headline" dojoType="dijit.form.TextBox" />
                    <label for="#Translation.{lang}.name">Kort namn</label>
                    <input type="text" dojoAttachPoint="forms" translated="true" name="#Translation.{lang}.name" dojoType="dijit.form.TextBox" />
                    <label for="slug">Slug</label>
                    <input type="text" dojoAttachPoint="forms,slug" name="slug" dojoType="dijit.form.TextBox" />
                </div>
                <div dojoAttachPoint="categoryPane" dojoType="dijit.layout.ContentPane" title="Kategorier" style="overflow: hidden">
                	<div style="height: 100%; width: 100%" jsid="clist" dojoAttachPoint="forms" multiple="true" valueName="__id" dojoType="slipstream.form.CheckedMultiSelect" store="CategoryStore" name="Category"></div>
                </div>
                <div dojoAttachPoint="staffPane" dojoType="dijit.layout.ContentPane" title="Personal" style="overflow: hidden">
                	<div style="height: 100%; width: 100%" jsid="plist" dojoAttachPoint="forms" multiple="true" valueName="__id" dojoType="slipstream.form.CheckedMultiSelect" store="UserStore" name="User"></div>
                    <!--<label for="catnamelist">Kategorier</label>
                    <select dojoAttachPoint="forms" dojoType="dojox.form.MultiComboBox" store="categoryStore" searchAttr="name" name="catnamelist"></select>-->
                    <!--<label for="catnamelist">Personer</label>-->
                    <!--<select jsId="dbgobj" dojoAttachPoint="forms" dojoType="dojox.form.MultiComboBox" store="staffStore" searchAttr="firstname" name="staffnamelist"></select>-->
					<!--<div style="height: 100%; width: 100%" dojoAttachPoint="forms" multiple="true" dojoType="slipstream.form.CheckedMultiSelect" store="StaffStore" name="Staff"></div>-->
                </div>
                <div dojoAttachPoint="publishPane" dojoType="dijit.layout.ContentPane" title="Publicering">
	                <label for="timedpub">Använd datumpublicering</label>
	                <input dojoAttachPoint="forms" value="active" name="timedpub" dojoType="dijit.form.CheckBox"/>
                    <label for="date_pub">Publiceringsdatum</label>
                    <input type="text" class="halfwidth" dojoAttachPoint="forms" name="date_pub" dojoType="dojoc.form.TimestampTextBox" />
                    <label for="date_pub">Indragningsdatum</label>
                    <input type="text" class="halfwidth" dojoAttachPoint="forms" name="date_rej" dojoType="dojoc.form.TimestampTextBox" />
                </div>
            </div>
			</div>
			</div>
        </div>
    </div>
</div>
